<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
1、根据条件决定是否是必填项
示例：
   <el-form-item label="审核备注" :label-width="formLabelWidth" prop="priceRemark" :rules="this.dialogForm.priceStatus!=3?rules.priceRemark:[{ required: false, message: '请填写审核备注', trigger: 'blur' }]">
	    <el-input type="textarea" v-model="dialogForm.priceRemark" auto-complete="off" :disabled="!dialogSendData.isAdd" ></el-input>
	</el-form-item>
   

   data中的relus
   rules:  {
		        priceRemark: [
		          { required: true, message: '请填写审核备注', trigger: 'blur' }
		        ]
		    }

2、
checkbox radio点击没有反应
获取后台数据之后再初始化一下值，语句如下
this.$set(this.dialogForm,'fromStatus',0);

3、日期选择范围控制
<el-form-item label="保证金添加日期起" prop="startDate">
    <el-date-picker
    	@change="debounceSeach"
      	v-model="searchForm.startDate"
      	type="date"
      	placeholder="选择日期"
      	:picker-options="startDateOpt"
    >
    </el-date-picker>
</el-form-item>
<el-form-item label="保证金添加日期止" prop="endDate">
    <el-date-picker
      	@change="debounceSeach"
      	v-model="searchForm.endDate"
      	type="date"
      	placeholder="选择日期"
      	:picker-options="endDateOpt"
    >
    </el-date-picker>
</el-form-item>
js中data如下：   当html中有format:hh:ss:mm等格式化时，需要加上- 8.64e7;  否则不需要
startDateOpt: {
    disabledDate(time) {
        return time.getTime() > Date.now() 
    }
},
endDateOpt:{
	disabledDate:(time)=>{
	    return  time.getTime()< new Date(this.searchForm.startDate).getTime()
	}
}


4、时间控件在后台穿回来后，验证报错
原因 : 添加的时，时间打印出来是这样的 ; 
typeof( new Date( ) );结果显示 
“object” 
Thu Aug 31 2017 00:00:00 GMT+0800 (中国标准时间) 
上面这个类型是“object”；

后台拿回来编辑的时候， 
Thu Aug 31 2017 00:00:00 GMT+0800 (中国标准时间)，这个时间的类型就变成：“string” 
导致验证失败。

解决方案： 
例如：后台时间为timeA = “2017-08-30T16:00:00.000Z”; 
使用 timeB=new Date(timeA)


4点补充：：：：日期传送格式问题，加一个change方法
<el-date-picker @change="setEndDate" v-model="bannerData.endDate" type="date" placeholder="选择日期" :picker-options="pickerOptions0"> </el-date-picker>
  setEndDate(val) {
    this.bannerData.endDate=val;
  }


5、解决input 属性为 number，maxlength无效情况
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />  
或者
<input type="tel" maxlength=11 /> 


6、
//将数字格式化成带两位小数的字符串
getFloatStr (val) {  
  this.dialogForm[val] = this.dialogForm[val]+'';
  this.dialogForm[val] = this.dialogForm[val].replace(/[^0-9|\.]/g, ''); //清除字符串中的非数字非.字符  
    
  if(/^0+/) //清除字符串开头的0  
      this.dialogForm[val] = this.dialogForm[val].replace(/^0+/, '');  
  if(!/\./.test(this.dialogForm[val])) //为整数字符串在末尾添加.00  
     this.dialogForm[val] += '.00';  
  if(/^\./.test(this.dialogForm[val])) //字符以.开头时,在开头添加0  
     this.dialogForm[val] = '0' + this.dialogForm[val];  
  this.dialogForm[val] += '00';        //在字符串末尾补零  
  this.dialogForm[val] = this.dialogForm[val].match(/\d+\.\d{2}/)[0];  
}

//例如
getFloatStr('0000.1');  //0.10  
getFloatStr('qwe');       //0.00  
getFloatStr('256');       //256.00 


7、vue 添加 删除
addWoolType:function(index){          
  var wooltype = this.$data.wooltype;
  wooltype.splice(index+1,0,{})
},
removeWoolType:function(index){     
  var wooltype = this.$data.wooltype;
  if ( wooltype.length != 1) {
    wooltype.splice(index,1)
    /*this.$data.woolNum = 0
    for (var i = 0; i < wooltype.length; i++) {
      if ( wooltype[i].woolNameCh ) {  this.$data.woolNum++ }
    }*/
  }else{
    this.$data.wooltype = [{}]
    fromValidationTip($('.woolTypeBox .spinner-down'),'此最后一行数据,已为您清除该行数据',4,'red')
  }
}


</body>
</html>
